// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})


// 1. 也可以这么写
// new Vue({
//   el: '#app',
//   render: createElement => createElement(App)
// })

// 2 也可以这么写
// new Vue({
//   el: '#app',
//   render(createElement){
//     return createElement(App)
//   }
// })

// 3 - 普通用法 - 也可以这么写
// new Vue({
//   el: '#app',
//   render(createElement){
//          createElement('标签名', {标签属性: '值'},['内容']')
//     return createElement('h2', {class: 'box'},'hello world')
//   }
// })

// 4 - 普通用法 - 也可以这么写
// new Vue({
//   el: '#app',
//   render(createElement){
//         //  createElement('标签名', {标签属性: '值'},['内容']')
//     return createElement('h2', 
//     {class: 'box'},
//     ['hello world', createElement('button', ['按钮'])])
//   }
// })